﻿html{background: #333;}
body {text-align: center;}

.main{
width: 90%;
height: 600px;
text-align:left;

margin: 0px auto;
margin-bottom:10px;
margin-top:25px;
border:0px solid #ADCD3C;
background-color: #F2FDDB;
}

.msg_area{
float:left;
width: 80%;
height: 350px;

margin: 0px auto;
margin-bottom:20px;
border:1px solid #A5B6C8;
background-color: #EEF3F7; /*去了颜色也好看*/

word-break:break-all;
padding:0px;
overflow:auto;

/*font:normal 12px/16px arial;color:#333;
strong {color:#000;*/
}

.name_area{
float:right;
width: 19.5%;
height: 350px;

margin: 0px auto;
margin-bottom:20px;
border:1px solid #9BDF70;
background-color: #F0FBEB;

word-break:break-all;
overflow:auto;
}

.fun_area{
float:left;
width: 80%;
height: 100px;

margin: 0px auto;
margin-bottom:20px;
border:1px solid #9BDF70;
background-color: #F0FBEB;

word-break:break-all;
padding:0px;
overflow:auto;
}
.func{
float:right;
width:19.5%;
height:100px;

text-align:center;
font:normal 14px/20px arial;color:#333;
margin: 0px auto;
margin-bottom:0px;
border:1px solid #9BDF70;
background-color: #F0FBEB;
}

.send_area{
float:right;
width: 99.6%;
height: 93px;

margin: 0px auto;
margin-bottom:1px;
border:1px solid #FFDD99;
background-color:#FFFFFF;


}

.send_box_area{
width:80%;
height:90px;


}
#textarea_id{
width:100%;
max-width:99.5%;
height:88px;
max-height:99%;
overflow:auto;
overflow-x: hidden;
outline:1px solid #FFFF33;
resize: none;
font:normal 16px/20px arial;color:#333;
}

.send_btn_area{
float:right;
width:19.3%;

border-left-color:#99FF00;
}

#btn{
float:left;

border-color:#7EBF4F;
position:relative;top:-65px;left:20px;

/*background-image:url(/static/images/btn.gif);*/
}

#btn {
width:80px;
height:40px;
BORDER-RIGHT: #7EBF4F 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP:#7EBF4F 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#B3D997);
BORDER-LEFT: #7EBF4F 1px solid;
CURSOR: hand;
COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: #7EBF4F 1px solid;
}

a:link { text-decoration: none}
a:active { text-decoration: none }
a:visited { text-decoration: none }